<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>蒙古文示例</title>
  <style lang="scss">
    @font-face {
      font-family: 'MQG8200';
      src: url('./fonts/MQG8200.ttf'); 
    }

    .text {
	  position: relative;
      font-family: 'MQG8200';
      writing-mode: vertical-lr;
      -webkit-writing-mode: vertical-lr;
      text-orientation: sideways-right;
      -webkit-text-orientation: sideways-right;
    }
  </style>
</head>
<body>
  <div class="text" id='message'>

  </div>
      <script>
          // 解析 URL 参数
          function getQueryParam(name) {
              const urlParams = new URLSearchParams(window.location.search);
              return urlParams.get(name);
          }
  
          // 获取 'message' 参数的值并显示
          const message = getQueryParam('message');
          if (message) {
              document.getElementById('message').textContent = message;
          }
      </script>

</body>
</html>